<template>
	<text class="tar-ellipsis" :style="{'-webkit-line-clamp': rows}">
		<slot />
	</text>
</template>
<script>
	export default {
		props: {
			rows: {
				type: Number,
				default: 1
			}
		}
	}
</script>
<style lang="scss" scoped>
	.tar-ellipsis {
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
</style>